<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>OnlineLibrary</title>
<link type="text/css" rel="stylesheet" href="css/form.css" />


</head>
<body>
	<h2>ONLINE LIBRARY --- GROUPE I6</h2>
	<br/>
	<form method="post" action="choixlivre">

		<legend>Choisissez votre livre</legend>
		<br />

		<table>
			<thead>
				<!-- HEADER TABLEAU -->
				<tr>
					<th>Titre</th>
					<th>Auteur(s)</th>
					<th>Language</th>
					<th>ISBN</th>
					<th>Prix</th>
					<th>Sélectionner</th>
				</tr>
			</thead>

			<tbody>
				<c:forEach items="${books}" var="book">
					<tr>
						<td>${book.title}</td>
						<td>${book.author}</td>
						<td>${book.language}</td>
						<td>${book.isbn}</td>
						<td>${book.price} euro</td>
						<td><input type="radio" name="chooseBook"
							value="${book.isbn}"></td>
					</tr>
				</c:forEach>
			</tbody>
		</table>

		<br />
		<br />
		<br />

		<legend>Entrez vos coordonnées</legend>
		<br />

		<!-- NOM -->
		<label for="nom">Nom <span class="requis">*</span></label> <input
			type="text" id="nom" name="nom"
			value="<c:out value="${client.nom}"/>" size="20" maxlength="20" /> <br />

		<!-- PRENOM -->
		<label for="prenom">Prénom <span class="requis">*</span></label> <input
			type="text" id="prenom" name="prenom"
			value="<c:out value="${client.prenom}"/>" size="20" maxlength="20" />
		<br />

		<!-- RUE -->
		<label for="rue">Rue <span class="requis">*</span></label> <input
			type="text" id="ruet" name="rue"
			value="<c:out value="${client.rue}"/>" size="30" maxlength="60" /> <br />

		<!-- NUMERO  -->
		<label for="numero">Numéro <span class="requis">*</span></label> <input
			type="text" id="numero" name="numero"
			value="<c:out value="${client.numero}"/>" size="30" maxlength="60" />
		<br />

		<!-- BOITE POSTAL -->
		<label for="boitePostale">Boite postale <span class="requis">*</span></label> 
		<input type="text" id="boitePostale" name="boitePostale"
			value="<c:out value="${client.boitePostal}"/>" size="3" maxlength="10" />
		<br />

		<!-- CODE POSTAL -->
		<label for="codePostal">Code postal <span class="requis">*</span></label>
		<input type="text" id="codePostal" name="codePostal"
			value="<c:out value="${client.codePostal}"/>" size="4" maxlength="10" />
		<br />

		<!-- VILLE -->
		<label for="ville">Ville <span class="requis">*</span></label> <input
			type="text" id="ville" name="ville"
			value="<c:out value="${client.ville}"/>" size="20" maxlength="60" />
		<br />

		<!-- PAYS -->
		<label for="pays">Pays <span class="requis">*</span></label> <input
			type="text" id="pays" name="pays"
			value="<c:out value="${client.pays}"/>" size="20" maxlength="20" />
		<br /> 
		
		<br /><br />
		<button type=submit>Valider</button>
	</form>
</body>
</html>